<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>马骏 - 黑龙江历史名人</title>
    <link rel="stylesheet" href="D:\web1\travel\css\base.css" type="text/css" media="all">
    <link rel="stylesheet" href="D:\web1\travel\css\history.css" type="text/css" media="all">
    <link rel="stylesheet" href="D:\web1\travel\css\history-figures.css" type="text/css" media="all">
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <div class="main">
        <!-- 顶部导航 -->
        <div class="top-bar">
            <div class="search-box">
                <form action="D:\web1\travel\html\search.html" method="get">
                    <input type="text" name="keyword" placeholder="搜索历史事件、人物...">
                    <button type="submit"><i class="fa fa-search"></i></button>
                </form>
            </div>
            
            <ul class="top-nav">
                <li><a href="D:\web1\travel\html\login.html"><i class="fa fa-user-circle"></i> 登录</a></li>
                <li><a href="D:\web1\travel\html\register.html"><i class="fa fa-user-plus"></i> 注册</a></li>
                <li><a href="D:\web1\travel\html\about.html"><i class="fa fa-info-circle"></i> 关于我们</a></li>
            </ul>
        </div>

        <!-- 主导航菜单 -->
        <div class="main-menu">
            <ul>
                 <li><a href="D:\web1\travel\html\index.html">首页</a></li>
                <li><a href="D:\web1\travel\html\history.html">历史沿革</a></li>
                <li><a href="D:\web1\travel\html\geography.html">地理位置</a></li>
                <li><a href="D:\web1\travel\html\culture.html">风俗文化</a></li>
                <li><a href="D:\web1\travel\html\attractions.html">景点选择</a></li>
                <li><a href="D:\web1\travel\html\products.html">名优特产</a></li>
                <li><a href="D:\web1\travel\html\message.html">在线留言</a></li>
            </ul>
        </div>

        <!-- 人物详情内容 -->
        <div class="figure-page">
            <div class="figure-container">
                <div class="figure-header">
                    <h1>马骏</h1>
                    <div class="period">1895年－1928年 | 革命烈士、五四运动领导人之一</div>
                </div>
                
                <div class="figure-content">
                    <div class="figure-image">
                        <img src="D:\img\img41.jpg" alt="马骏烈士画像">
                    </div>
                    
                    <div class="figure-details">
                        <h2>人物简介</h2>
                        <p>马骏，又名马天安，回族，黑龙江省宁安县（今属牡丹江市）人。中国共产党早期党员，著名的爱国学生运动领袖，东北抗日救亡运动的先驱。</p>
                        <p>马骏早年就读于天津南开学校，与周恩来、邓颖超等结为革命同志。他积极投身五四运动，曾担任天津学生联合会副会长、全国各界联合会常务理事。1921年加入中国共产党，是东北地区最早的共产党员之一。</p>
                        
                        <div class="achievements">
                            <h3>主要贡献</h3>
                            <ul>
                                <li>组织和领导天津五四运动，积极宣传反帝反封建思想</li>
                                <li>参与创建中国社会主义青年团，发展革命组织</li>
                                <li>在东北各地开展建党工作，播撒革命火种</li>
                                <li>担任中共北京市委书记兼组织部长，恢复和发展北方党组织</li>
                                <li>在狱中坚贞不屈，保持共产党人的气节</li>
                            </ul>
                        </div>
                        
                        <h2>革命精神</h2>
                        <p>1927年，马骏在北京被反动军阀张作霖逮捕。在狱中，他面对敌人的严刑拷打和威逼利诱，始终坚贞不屈，坚守革命信仰。1928年2月15日，马骏英勇就义，年仅33岁。</p>
                        <p>马骏烈士用生命践行了对党的忠诚，他的革命精神和崇高气节一直激励着后人。如今，在他的家乡宁安市建有马骏纪念馆，成为爱国主义教育基地，传承和弘扬他的革命精神。</p>
                        
                        <a href="D:\web1\travel\html\history.html" class="back-link"><i class="fa fa-arrow-left"></i> 返回历史沿革</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- 页脚 -->
        <div class="end">
            <p>© 黑龙江旅游网 - 版权所有</p>
            <p>联系电话：400-123-4567</p>
        </div>
    </div>

    <script>
        // 页面加载完成后的动画效果
        document.addEventListener('DOMContentLoaded', function() {
            // 为导航项添加active状态
            const navItems = document.querySelectorAll('.main-menu a');
            navItems.forEach(item => {
                if (item.classList.contains('active')) {
                    item.style.color = '#CCFF66';
                    item.style.backgroundColor = '#154a33';
                }
                
                // 添加导航hover效果
                item.addEventListener('mouseover', function() {
                    if (!this.classList.contains('active')) {
                        this.style.backgroundColor = 'rgba(21, 74, 51, 0.7)';
                        this.style.transform = 'scale(1.05)';
                    }
                });
                
                item.addEventListener('mouseout', function() {
                    if (!this.classList.contains('active')) {
                        this.style.backgroundColor = '';
                        this.style.transform = 'scale(1)';
                    }
                });
            });
        });
    </script>
</body>
</html>
